.hot_cakes{
  height: 100%;
  padding: 0 10px;
  overflow-x: hidden;
  background-image: linear-gradient( to bottom, #e8a86a,#fee7c7);

  .hot_nav{
    padding: 10px 0;
    display: flex;
    height: 220px;
    .hot_nav_item{
      display: flex;
      flex-direction: column;
      margin-right: 10px;
      width: 200px;
      height: 220px;
      flex-shrink: 0;
      text-align: center;
      background: #fff;
      border-radius: 10px;
      .nav_item_img{
        margin: 20px auto;
        width: 120px;
        height: 120px;
        border-radius: 20px;
      }
      .nav_item_txt{
        font-size: 26px;
      }
    }
  }
   //列表区
  .hot_list{
    height: calc(100% - 560px);
    .hot_list_item{
      margin-top: 20px;
      display: flex;
      padding: 10px 20px;
      background: #fff;
      border-radius: 10px;
      .item_fl{
        Image {
          margin-right: 20px;
          width: 200px;
          height: 100%;
          border-radius: 10px;
        }
      }
      .item_fr{
        flex: 1;
        .item_fr_tit{
          width: 480px;
          display: block;
          font-size: 32px;
          overflow: hidden;
          text-overflow:ellipsis;
          white-space: nowrap;
        }
        .item_fr_con{
          margin: 10px 0 40px 0;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          height: 70px;
          line-height: 34px;
          overflow: hidden;
          color: #b7b7b7;
        }
        .item_fr_boo{
          position: relative;
          height: 60px;
          line-height: 60px;
          .new_price{
            margin-right: 10px;
            color: #f1902a;
            font-size: 38px;
            font-weight: 700;
          }
          .old_price{
            color: #999;
            text-decoration:line-through;
          }
          &::before{
            position: absolute;
            right: 0;
            content: '+';
            width: 60px;
            height: 60px;
            font-size: 42px;
            line-height: 50px;
            text-align: center;
            color: #fff;
            border-radius: 50%;
            background: #4aaf5d;
          }
        }
      }
    }
  }
}
